<!--
  Generated template for the ComplainRecordPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>我的申述</ion-title>
  </ion-navbar>

</ion-header>


<ion-content >
  <ion-list>
    <ion-item *ngFor="let data of record">
      <h2 class="problem">订单编号: <span class="code">{{data.order_code}}</span></h2>
      <h2 class="problem">问题类型: <span>{{getproblem(data.problem_type)}}</span></h2>
      <h2 class="problem">问题描述: {{data.remarks}}</h2>
      <h2 class="problem" *ngIf="data.representa_state == 1">处理结果: {{getRefoun(data)}}</h2>
      <p class="date">{{(data.created_at ? data.created_at : 1522058400*1000) | date:"yyyy/MM/dd/&nbsp;HH:mm:ss"}}</p>
      <ion-note item-end class="active">{{getstate(data.representa_state)}}</ion-note>
    </ion-item>
    
    <ion-thumbnail *ngIf="nodata === 1">
      <p class="font-home">没有更多了~</p>
    </ion-thumbnail>
    <ion-thumbnail *ngIf="nodata !== 1" (click)="lodeMessage($event,'text')">
      <p class="font-home">下拉加载</p>
    </ion-thumbnail>
    
    <!-- <ion-item>
      <h2 class="problem">问题类型：<span>充电异常<span></h2>
      <h2 class="problem">问题描述：充电插口松动，充不进电</h2>
      <p class="date">2018-03-16<span class="hms">15:20:10</span></p>
      <ion-note item-end >已处理</ion-note>
    </ion-item>

    <ion-item>
      <h2 class="problem">问题类型：<span>充电异常</span></h2>
      <h2 class="problem">问题描述：充电插口松动，充不进电</h2>
      <p class="date">2018-03-16<span class="hms">15:20:10</span></p>
      <ion-note item-end class="active">未处理</ion-note>
    </ion-item>

    <ion-item>
      <h2 class="problem">问题类型：<span>充电异常</span></h2>
      <h2 class="problem">问题描述：充电插口松动，充不进电</h2>
      <p class="date">2018-03-16<span class="hms">15:20:10</span></p>
      <ion-note item-end class="active">未处理</ion-note>
    </ion-item>

    <ion-item>
      <h2 class="problem">问题类型：<span>充电异常</span></h2>
      <h2 class="problem">问题描述：充电插口松动，充不进电</h2>
      <p class="date">2018-03-16<span class="hms">15:20:10</span></p>
      <ion-note item-end class="active">未处理</ion-note>
    </ion-item> -->


  </ion-list>
  <ion-infinite-scroll *ngIf="nodata !== 1" (ionInfinite)="lodeMessage($event,'scroll')">
      <ion-infinite-scroll-content></ion-infinite-scroll-content>
    </ion-infinite-scroll>
</ion-content>
